<%@  Language="C#" MasterPageFile="~/Views/Shared/Main.Master" Inherits="System.Web.Mvc.ViewPage<ProjectPhotosView>" %>


<asp:Content ID="Content1" ContentPlaceHolderID="titleContent" runat="server">
    Projects Photos of '<%= ViewData.Model.ProjectDetail.Title%>'
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="toptone" runat="server">
    <% Html.RenderPartial("TabLinks", ViewData.Model.ProjectDetail); %>
    <h1 class="about-heading">
        <%= ViewData.Model.ProjectDetail.Title%>
    </h1>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="mainContentPlaceHolder" runat="server">
    <div class="container project-page">
        <div id="projects_gallery" class="gallery sub-item">
            <ul class="galleryBar">
                <%
                            foreach (PhotoView photo in ViewData.Model.Photos)
                            {
                %>
                <li><a href="<%= photo.Url %>" title="<%= photo.Name %>" rel="description_<%= photo.Id %>">
                    <img src="<%= photo.Url %>" title="<%= photo.Name %>" /></a></li>
                    
                    <div id="description_<%= photo.Id %>" style="display:none;">
                        <p><%= photo.Description %></p>
                    </div>
                <%
                                
                            } %>
            </ul>
        </div>
        
        <% Html.RenderPartial("project-top-trumps", Model.ProjectDetail); %>
        
    </div>

    <script type="text/javascript">
        $('#projects_gallery').gallery({
            interval: 8000,
            height: '450px',
            width: '420px',
            thumbHeight: '46',
            thumbWidth: '69'
            
        });
        //http://plugins.jquery.com/project/jquery-gallery-plugin
           
    </script>

   
    <%= Html.ScriptForTabFocus("#tab-photos")%>

</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="headContentPlaceHolder" runat="server">
    <%= Html.GetCss("jquery.gallery")%>

    <script type="text/javascript" src="/scripts/jquery.gallery.0.3.min.js"></script>

</asp:Content>
